import React, { Component } from 'react';
import { Alert, Button, Steps, Icon } from 'antd';
import SendCode from '../common/SendCode';
import LinkTitle from '../common/LinkTitle';
const Step = Steps.Step;
export default class BindPhone extends Component {
  constructor(props) {
    super(props);
  }
  progressDot = (iconDot, { index, status, title, description }) => {
    console.log(iconDot);
    return (
      <div class="ant-steps-item-icon">
        <span class="ant-steps-icon" />
      </div>
    );
  };
  render() {
    return (
      <div className="userCWrapper security">
        <div className="ltWrapper">
          <LinkTitle title="修改手机号" />
        </div>
        <Steps progressDot={this.progressDot}>
          <Step
            status="finish"
            title="填写新手机号"
            icon={<Icon type="user" />}
          />
          <Step status="process" title="验证" icon={<Icon type="loading" />} />
          <Step status="wait" title="完成" icon={<Icon type="smile-o" />} />
        </Steps>
        <Steps current={0} labelPlacement="vertical">
          <Step title="Finished" />
          <Step title="In Progress" />
          <Step title="Waiting" />
        </Steps>
      </div>
    );
  }
}
